﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MyChart</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <link href="/ComponentTest/Css/init.css" rel="stylesheet" type="text/css" />
    <link href="/ComponentTest/Js/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/ComponentTest/Js/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="/ComponentTest/Js/jquery.min.js" type="text/javascript"></script>
    <script src="/ComponentTest/Js/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <style type="text/css">
        #Root {
            Margin: 20px 20px 20px 20px;
            Padding: 30px 10px 10px 10px;
        }

        #SplitLR1 {
            Margin: 10px 10px 10px 10px;
            Padding: 30px 10px 10px 10px;
        }

        #Left {
            Margin: 0px 0px 0px 0px;
            Padding: 30px 10px 10px 10px;
            float: left;
            width: 50%;
        }

        #myCharts1 {
            Margin: 10px 10px 10px 10px;
            Padding: 0px 0px 0px 0px;
            Height: 400px;
        }

        #Right {
            Margin: 0px 0px 0px 0px;
            Padding: 30px 10px 10px 10px;
            float: left;
            width: 50%;
        }

        #myCharts2 {
            Margin: 10px 10px 10px 10px;
            Padding: 0px 0px 0px 0px;
            Height: 400px;
        }
    </style>
    <script type="text/javascript" src="/ComponentTest/ComponentSource/mycharts1.1/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/ComponentTest/ComponentSource/mycharts1.1/highcharts.js"></script>
    <script type="text/javascript" src="/ComponentTest/ComponentSource/mycharts1.1/highcharts-3d.js"></script>
    <script type="text/javascript" src="/ComponentTest/ComponentSource/mycharts1.1/myCharts.js"></script>
    <script type="text/javascript">
        var obj = {};
        obj.type = 'column';
        obj.data = '';
        obj.is3D = false;
        obj.url = '/ComponentTest/Chart.php';
        obj.title = '默认标题';
        obj.subtitle = '';
        obj.yTitle = ''; $('#myCharts1').myCharts(obj);
        var obj = {};
        obj.type = 'column';
        obj.data = '';
        obj.is3D = false;
        obj.url = '/ComponentTest/Chart.php';
        obj.title = '默认标题'; obj.subtitle = '';
        obj.yTitle = '';
        $('#myCharts2').myCharts(obj);
    </script>
</head>
<body>
    <div id='Root'>
        <div id='SplitLR1'>
            <div id='Left'>
                <div id='myCharts1'></div>
            </div>
            <div style='float: left; width: 50px;'>&nbsp;</div>
            <div id='Right'>
                <div id='myCharts2'></div>
            </div>
        </div>
    </div>
</body>
</html>
